import React, { Component } from 'react'

import { PickerView } from 'antd-mobile'

import FilterFooter from '../../../../components/FilterFooter'

export default class FilterPicker extends Component {
	state = {
		value: this.props.defaultValue
	}
	render () {
		const { onCancel, onSave, data, cols, type } = this.props
		const { value } = this.state
		return (
			<>
				{/* 选择器组件： */}
				<PickerView
					data={data}
					value={value}
					cols={cols}
					onChange={val => {
						console.log(`${type}`, val)
						this.setState({ value: val })
					}} />
				{/* 底部按钮 */}
				<FilterFooter onCancel={() => onCancel(type)} onOk={() => onSave(type, value)} />
			</>
		)
	}
}
